O padrão de layout a ser utilizado pelo site tem como referência a estrutura principal do sistema, que foi elaborada e exibida anteriormente, no tópico de Wireframes da aba "Projeto de Interface" presente na documentação, sendo escolhida a modalidade de Mobile First para o design e desenvolvimento das telas visando a responsividade.
O template criado está disponível no site GitHub e é composto pelos seguintes layouts:
- Tela inicial
- Área de cadastro;
- Área de login;
- Área de cadastro de nova senha;
- Perfil de usuário;
- Jogos recomendados pelo sistema;
- Jogos favoritados pelo usuário.
Obs: A responsividade segue o padrão do CSS puro e Bootstrap.
A tela irá apresentar o objetivo da aplicação.
Desenvolvido por Luana Pina
A área de cadastro apresenta campos para que o usuário possa cadastrar a sua conta no sistema do Match Game.
Desenvolvido por Luana Pina
A área de login apresenta campos para que o usuário insira seus dados cadastrados e realize o login.
Desenvolvido por Luana Pina
Área onde o usuário poderá definir uma nova senha para a sua conta caso necessário.
Desenvolvido por Bruna Santos
A página apresentará jogos recomendados pelo sistema de acordo com as escolhas feitas pelo usuário na tela inicial.
Desenvolvido por Tayane Milagres
A página apresentará os jogos que o usuário salvou como "Favorito".
Desenvolvido por Tayane Milagres
A página apresentará os dados do usuário e sua foto de perfil escolhida.
Desenvolvido por Luana Pina
A criação de todos os wireframes e telas de fidelidade foram criadas na plataforma figma. Confira a Match Game.